<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" >

<ui:composition template="/template/principal_00.xhtml">

    <ui:define name="titulo">
        #{usuarioBean.titulo}
    </ui:define>

    <ui:define name="panelPrincipal">

        <p:panel header="#{usuarioBean.titulo}" >

            <p:messages showDetail="true" />

            <h:panelGrid id="pgDatos" columns="2"  columnClasses="colLabel,colDato"  style="width: 400px;"  >

                <h:outputText value="Nombre de usuario: " />
                <p:inputText value="#{usuarioBean.usuario.usuario}" rendered="#{empty usuarioBean.usuario.id}"  />
                <h:outputText value="#{usuarioBean.usuario.usuario}" rendered="#{not empty usuarioBean.usuario.id}" />

                <h:outputText value="Password: " />
                <p:password value="#{usuarioBean.usuario.password}" redisplay="true"  />
                
                <h:outputText value="Confirmación Password: " />
                <p:password value="#{usuarioBean.cPassword}" redisplay="true" />
                
                <h:outputText value="Email: "  />
                <p:inputText value="#{usuarioBean.usuario.email}" size="50"  />

                <h:outputText value="Estado: "  />
                <p:selectOneMenu id="estado" value="#{usuarioBean.usuario.estado}" style="width: 200px;"
                                 effect="fade" converter="#{conversoresSeguridad.estado}" required="true" >

                    <f:selectItem itemLabel="Seleccionar" itemValue="" />
                    <f:selectItems value="#{sg_estadoBean.lista}"
                                   var="i" itemLabel="#{i.descripcion}" itemValue="#{i}"/>
                    <p:ajax process="@this" update="estado"/>
                </p:selectOneMenu>

                <h:outputText value="Tipo: "  />
                <p:selectOneMenu id="tipo" value="#{usuarioBean.usuario.tipo}" style="width: 200px;"
                                 effect="fade" converter="#{conversoresSeguridad.tipo}" 
                                 required="true"
                                 requiredMessage="Ingrese el tipo de usuario"
                                 label="Tipo de usuario"  >

                    <f:selectItem itemLabel="Seleccionar" itemValue="" />
                    <f:selectItems value="#{sg_tipoBean.lista}"
                                   var="i" itemLabel="#{i.descripcion}" itemValue="#{i}"/>
                    <p:ajax process="@this" update="tipo"/>
                </p:selectOneMenu>

            </h:panelGrid>

        </p:panel>
    </ui:define>
</ui:composition>
    
</html>




